<script type="text/javascript" src="/phase2/js/buyerPayment.js"></script>
<div id="newPaymentContainer" class="hide"
	style='border: 1px solid; border-radius: 5px; border-color: #A1A1A1'>

<div class="title" onclick='toggleHeaderDiv(this);'
	style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px">
<img width="5px" height="20px" src="/phase2/images/spacer.gif">
New Payment Details: &nbsp;&nbsp;<span class="throbberOff"
	id="newPayment_activity_throbber"></span></div>

<div>
<table border="0" cellspacing="1" cellpadding="3" width="90%"
	style="margin-left: 30px;">
	<tr>
		<td>
		<div class="lable">Payment Number<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="paymentNumber" title="Address" data-validate="validate(required)" />
		<br>
		<a href="javascript:void(0);" onclick="po_generatePaymentNum();">Generate</a>
		</div>
		</td>

		<td>
		<div class="lable">Payment Amount:</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="address_3" id="paymentAmount" /></div>
		</td>

		<td>
		<div class="lable">Currency</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="address_3" id="paymentCurrency" /></div>
		</td>
	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>

	<tr>
		<td>
		<div class="lable">Payment Date:<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="paymentDate" title="paymentDate"
			data-validate="validate(required)" /></div>
		</td>
		<td>
		<div class="lable">Supplier:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="paymentSupplierSerach" onclick="showPaymentSearchWindow();" /></div>
		</td>
		<td>
		<div class="lable">Payment Sent TO:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="paymentSentTo" /></div>
		</td>

	</tr>

	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>

	<tr>
		<td>
		<div class="lable">Payment Type:<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><select>
			<option>Cheque</option>
			<option>EFT</option>
			<option>Other</option>
		</select></div>
		</td>

		<td>
		<div class="lable">Cheque Number:<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="chequeNumber" title="chequeNumber" data-validate="validate(required)" /></div>
		</td>

		<td>
		<div class="lable">Bank Name:<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox"
			id="bankName" title="bankName" data-validate="validate(required)" /></div>
		</td>




	</tr>

</table>
</div>

<div class="title" onclick='toggleHeaderDiv(this);'
	style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px">
<img width="5px" height="20px" src="/phase2/images/spacer.gif">
Payment Sent To Details: &nbsp;&nbsp;<span class="throbberOff"
	id="newPayment_activity_throbber"></span></div>

<div>
<table border="0" cellspacing="0" cellpadding="3" width="95%">

	<tr>
		<td>
		<div class="lable">Address Line 1:<span class="redtxt">*</span>
		</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="addr1" id="addr1" title="Address Line 1"
			data-validate="validate(required)" /> <input type="hidden"
			id="cur_loc_id" data-validate="validate(false)" /></div>
		</td>

		<td>
		<div class="lable">Address Line 2:</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="addr2" id="addr2" title="Address Line 2"
			data-validate="validate(required)" /></div>
		</td>
	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>
	<tr>
		<td>
		<div class="lable">Address Line 3:</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="addr3" id="addr3" title="Address Line 2" /></div>
		</td>
		<td>
		<div class="lable">Postal/Zip Code :</div>
		</td>
		<td>
		<div class="w100"><input type="text" class="textbox"
			name="zipcode" id="zipcode" data-validate="validate(zip)" /></div>
		</td>

	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>
	<tr>
		<td>
		<div class="lable">City :<span class="redtxt">*</span></div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="city_name" id="city_name" title="City"
			data-validate="validate(required)" /></div>
		</td>

		<td>
		<div class="lable">State :</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox"
			name="state_name" id="state_name" title="State"
			data-validate="validate(required)" /></div>
		</td>
	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>
	<tr>
		<td>
		<div class="lable">Country :</div>
		</td>
		<td>
		<div class="w150"><select id="country" name="country"
			class="listbox" data-validate="validate(false)">
			<option value="" selected="selected">Select Country</option>
			<option value="US">United States</option>
			<option value="OTHER">Others</option>
		</select></div>
		</td>

	</tr>
</table>
</div>



<div class="title" onclick='toggleHeaderDiv(this);'
	style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px">
<img width="5px" height="20px" src="/phase2/images/spacer.gif">
Invoices To Be Included: &nbsp;&nbsp;<span class="throbberOff"
	id="listPO_activity_throbber"></span></div>

<div id="ctx_bc_invForSupp_tbldiv" class="show" style="margin: 5px;">
<table cellpadding="0" cellspacing="0" border="0" class="display"
	id="ctx_bc_invForSupp_tbl">
	<thead>
		<tr>
			<th width="10%">Select</th>
			<th width="15%">Invoice Number</th>
			<th width="25%">Supplier Company</th>
			<th width="15%">Invoice Amt</th>
			<th width="15%">Status</th>
		</tr>
	</thead>
	<tbody>

	</tbody>

</table>
</div>

<table>
	<tr>
		<td colspan="3" align="center" class=""><input type="Submit"
			onClick='javascript:savePayment();'
			class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
			value="Save" /> <input type="button"
			onClick='javascript:initPaymentCreateScreen();'
			class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
			value="Cancel" /></td>
	</tr>
</table>


<!-- Search Supplier Dialog -->
<div id="ctx_payment_search_supplier_tbl_div" style="display: none">
<table cellpadding="0" cellspacing="0" border="0"
	id="ctx_payment_search_supplier_tbl" style="width: 370px">
	<thead>
		<tr>
			<th width="15%">Select</th>
			<th width="60%">Company Name</th>
			<th width="25%">Business</th>
		</tr>
	</thead>
	<tbody>
	</tbody>
</table>
<table>
	<tr>
		<td colspan="6" align="center" class=""><input type="button"
			onClick='javascript:this_selectPaymentSupplier();'
			class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
			value="Done" /> <input type="button"
			onClick="javascript:this_resetPaymentSelectSupplier();"
			class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
			value="Reset" /></td>
	</tr>
</table>
</div>
</div>